<template>
	<view class="tab2-box full box relative bg-primary">
		<mescroll-uni @init="mescrollInit" :fixed="false" @down="downCallback" @up="upCallback">
			<view class="record-list">
				<view class="record-item">
					<view class="desc-item">
						<text>订单号：S02025042950501004</text>
					</view>
					<view class="desc-item">
						<text>联系人：刘光福(15328877687)</text>
					</view>
					<view class="desc-item">
						<text>收货地址：四川南充市蓬安县济渡乡小深沟【备用电话15328862677】</text>
					</view>
					<view class="desc-item">
						<text>创建时间：2025-04-29 16:14:51</text>
					</view>
				</view>
			</view>
		</mescroll-uni>
	</view>
</template>

<script>
	import MescrollMixin from "@/uni_modules/mescroll-uni/components/mescroll-uni/mescroll-mixins.js";
	export default {
		mixins: [MescrollMixin],
		data() {
			return {

			}
		},
	}
</script>

<style lang="scss" scoped>
	.tab2-box {
		padding: 28rpx 20rpx 0;
		box-sizing: border-box;
		position: relative;

		.record-item {
			padding: 24rpx 32rpx;
			box-sizing: border-box;
			position: relative;
			background: #FFFFFF;
			border-radius: 16rpx 16rpx 16rpx 16rpx;
			margin-bottom: 16rpx;

			&:last-child {
				margin-bottom: 0;
			}

			.desc-item {
				font-size: 28rpx;
				color: #333333;
				line-height: 44rpx;
				word-break: break-all;
				white-space: pre-wrap;
				background-color: #fff;
				margin-bottom: 8rpx;

				&:last-child {
					margin-bottom: 0;
				}
			}
		}
	}
</style>